<html>
    <head>
        <title>Crear Orden de Flete</title>
		  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript" src="../js/jquery-1.5.2.js"></script>
		  <script type="text/javascript" src="../js/jquery-ui-1.8.14.custom.min.js"></script>
        <script type='text/javascript' src='../js/jquery.autocomplete.js'></script> 
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type='text/javascript' src='../js/funciones_js.js'></script>
		  <link type="text/css" href="../css/start/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />
		  <!--<link type="text/css" href="../css/demos.css" rel="Stylesheet" />-->
		  <!--<link rel="stylesheet" type="text/css" href="../css/thickbox.css" />-->
        <link rel="stylesheet" type="text/css" href="../css/plantilla.css" />
		  <link rel="stylesheet" type="text/css" href="../css/jquery.autocomplete.css" />
        <script type="text/javascript">
        
        $(document).ready(function(){
				
				$('#ingresar').button();
				
				$('#fecha').datepicker({
					dateFormat: "dd-mm-yy"
				});
				
				//autocompletar ajax remitente
				$("#nombre_remitente").autocomplete("auto_nombre.php");
                
                //resultado autocompletar
				$("#nombre_remitente").result(function(event, data){
                    $("#id_remitente").val(data[1]);
                    $("#rut_remitente").val(data[2]);
            });
                
                
            //Agrega una nueva funcion de validacion
            $.validator.addMethod("validaRutRemitente",function(value){
                    
                   var objeto = document.getElementById("rut_remitente");
                   return Valida_Rut(objeto);
                
            },"El Rut ingresado no es valido");
					    
               
            // Valida los input del formulario
            $("#formulario").validate({
					 onfocusout: false,
                    
                rules: {
								
                    id_remitente: "required",
									 
                    nombre_remitente: "required",
                            
                    rut_remitente:{
                                required:false,
                                validaRutRemitente: true   
                    },
						  
						  id_departamento: {
								required:true
						  },
						  
						  chofer:{
								required: true
						  },
									 
						  num_comprobante:{  
										required:true,
										number:true
									  },
                            
                    caja: {
                                required:true,
                                number:true,
                                validaCantidad: true
                            },
									 
                    sobre: {
                                required:true,
                                number:true,
                                validaCantidad: true
                            },
                            
                    valija: {
                                required:true,
                                number:true,
                                validaCantidad: true
                            },
                            
                    factura: {
                                required:true,
                                number:true,
                                validaCantidad: true
                            },
                            
                    cobranza: {
                                required:true,
                                number:true,
                                validaCantidad: true
                            }            
                },
                    
                messages:{
			
                    nombre_remitente: "Debe ingresar el nombre",
                    rut_remitente: "Debe ingresar el rut",
						  id_departamento: "Debe seleccionar un departamento de cliente",
                    chofer: "Debe ingresar el chofer que hizo el retiro",
                    num_comprobante: "Debe ingresar el numero de comprobante unico",
						  valija:"Debe ingresar una cantidad de valija",
                    caja: "Debe ingresar una cantidad de caja",
						  sobre: "Debe ingresar una cantidad de sobre",
						  num_orden:"Debe ingresar numeros"
                }
                    
            });
                
            //funcion para formatear rut
            $("#rut_consignatario").change(function(){
                    
                    var rut = $("#rut_consignatario").val();
                    $("#rut_consignatario").val(Formato_Rut(rut));
                
            });
				
				//Se ejecuta cuando el text de id_remitente cambia
				$("#id_remitente").keypress(function(event)
				{
                
					 if(event.which == 0)
					 {
					     var idCliente = $(this).val();
				
					     $.ajax({
					 		
						      url: 'auto_id_cliente.php',
						      data: "q=" + idCliente,
						      type: 'GET',
						      success:  function(data){
					          
					 			    //Divide el array
					 			    var array = data.split("|");
					 			    //Asigna los datos a los textbox
					 			    $("#nombre_remitente").val(array[1]);
					 			    $("#rut_remitente").val(array[2]);
					 			
					 			    //carga departamentos del cliente
					 			    var dato = "?idCliente=" + idCliente;
					 			    $("#id_departamento").load("carga_departamento_ajax.php" + dato);
					                             
						      }		  
					     });
					 }
				});
				
				$("#id_comuna_origen").change(function(){
				    $('#comuna_origen').val($('#id_comuna_origen option:selected').html());
			   });
				
				$('#id_departamento').change(function()
			   {
				    var idDepartamento = $(this).val();
					
				    $.ajax({
						
					     url: 'carga_comuna_departamento_ajax.php',
					     data: 'idDepartamento=' + idDepartamento,
					     type: 'GET',
					     success:  function(data){
							   //Divide el array
						      var array = data.split("|");
							   $('#id_comuna_origen').val(array[0]);
							   $('#comuna_origen').val(array[1]);
                    }	  
			       });           
			   });
					     
            return false; 
        });
        
		
        </script>
</head>
<body>

<div id="content">
    
    <form autocomplete="off" action="crear_orden_flete_cobranza.php" method="POST" name="formulario" id="formulario">
		<!--Titulo-->
		<p>
			<div id="titulo_seccion">
			<fieldset>
				
				<table>
				<tr>
				<td><font>Ingreso de Cobranzas: Registro de Comprobante de Envio</font></td>
				<td align="right" ><input type="submit" name="ingresar" id="ingresar" value="Ingresar" /></td>
				</tr>
				</table>
				
			</fieldset>
			</div>
		</p>
	<table>
		<tr>
			<td>
					
	 <!--Datos Cliente-->
	 <fieldset style="height:200px;">
		  <legend>Datos Cliente</legend>
			<table>
				<tr>
					<td><label class="formulario">Codigo:</label></td>
					<td><input class="texto_normal" type="text" id="id_remitente" name="id_remitente" onchange="javascript: cargaDatosRemitente(this);" value="<?php echo $_SESSION['datos_comprobante_cobranza']['id_remitente']; ?>" /></td>  
				</tr><tr>
					<td><label class="formulario">Nombre completo:</label></td><td><input class="texto_normal" type="text" name="nombre_remitente" id="nombre_remitente" value="<?php echo $_SESSION['datos_comprobante_cobranza']['nombre_remitente']; ?>" /></td>	  	
				</tr><tr>
					 <td><label class="formulario">Rut:</label></td>
					 <td><input class="texto_normal" type="text" id="rut_remitente" name="rut_remitente" onfocus="blur()" value="<?php echo $_SESSION['datos_comprobante_cobranza']['rut_remitente']; ?>" /></td>
				</tr><tr>
					 <td><label class="formulario">Departamento:</label></td>
					 <td><select id="id_departamento" name="id_departamento"></select></td>
				</tr><tr>
				    <td><label class="formulario">*Comuna de Origen: </label></td>
			       <td><select name="id_comuna_origen" id="id_comuna_origen">
					     <option></option>
					     <?php
					     conectar();
					     if(isset($_SESSION['datos_comprobante_factura'])) $comuna = $_SESSION['datos_comprobante_factura']['id_comuna_origen']; else $comuna = "";
					     optionComunas($comuna);
					     pg_close();
					     ?>
				        </select>
				        <input type="hidden" name="comuna_origen" id="comuna_origen" readonly="readonly" value="<?php echo $_SESSION['datos_comprobante_factura']['comuna_origen']; ?>">                                                    
			       </td>
		      </tr><tr>
					 <td><label class="formulario">Mensajero que retiro:</label></td>
					 <td><?php getSelectChofer(''); ?></td>
				</tr>
			</table>	
	 </fieldset>
		
			</td><td>
			
		<!--datos de documento
		<fieldset style="height:150px;">
			<legend>Datos de Documento</legend>
			<table>
				<tr>
			<td><label class="formulario">N? de Comprobante:</label></td><td><input class="texto_normal" type="text" id="num_comprobante" name="num_comprobante" value="<?php echo $_SESSION['datos_comprobante_cobranza']['num_comprobante']; ?>" /></td>
				</tr><tr>
			<td><label class="formulario">Fecha de Emsi?n:</label></td><td><input class="texto_normal" type="text" id="fecha" name="fecha" value="<?php echo $_SESSION['datos_comprobante_cobranza']['fecha_emision']; ?>" /></td>
			</tr><tr>
			<td><label class="formulario">Mensajero que retiro:</label></td><td><?php //getSelectChofer(); ?></td>
		</fieldset>
		-->
		
	</td>
			</tr>
		</table>
		
	</form>

</div>

</body>
</html>